This sample demonstrates how to use the GridView and ListView controls for Windows Runtime apps on Windows and Windows Phone. For Windows, it includes performance enhancements introduced in Windows 8.1.
Note This sample was created using one of the universal app templates available in Visual Studio. It shows how its solution is structured so it can run on both Windows 8.1 and Windows Phone 8.1. For more info about how to build apps that target Windows and Windows Phone with Visual Studio, see Build apps that target Windows and Windows Phone 8.1 by using Visual Studio.
Specifically, this sample covers:
- Instantiating a GridView, setting its data source, and displaying data items using the ContainerContentChanging event.
- Responding to ItemClick events.
- Instantiating a ListView.
- Retemplating GridViewItem instances while retaining the performance improvements of GridViewItemPresenter. (Windows only)
- Retemplating ListViewItem instances while retaining the performance improvements of ListViewItemPresenter. (Windows only)
- How to efficiently create a custom item container that doesn't use ListViewItemPresenter or GridViewItemPresenter. (Windows only)
This sample is written in XAML. For the HTML version, see the ListView basic usage sample (HTML).
To obtain an evaluation copy of Windows 8.1, go to Windows 8.1.
To obtain an evaluation copy of Microsoft Visual Studio 2013 Update 2, go to Microsoft Visual Studio 2013.
Note For Windows 8 app samples, download the Windows 8 app samples pack. The samples in the Windows 8 app samples pack will build and run only on Microsoft Visual Studio 2012.
Related topics
- Roadmaps
- Roadmap for C# and Visual Basic
- Samples
- Windows 8 app samples
- XAML GridView grouping and SemanticZoom sample
- XAML ListView and GridView customizing interactivity sample
- Reference
- GridView
- ListView
- GridViewItemPresenter
- ListViewItemPresenter
- ItemTemplate
- ItemContainerStyle
- ItemsPanel
- ItemsSource
- ItemClick
- ContainerContentChanging
- Concepts
- QuickStart: adding ListView and GridView controls
Operating system requirements
| Client | |
|---|---|
| Server | |
| Phone |
Build the sample
- Start Visual Studio 2013 Update 2 and select File > Open > Project/Solution.
- Go to the directory to which you unzipped the sample. Then go to the subdirectory named for the sample and double-click the Visual Studio 2013 Update 2 Solution (.sln) file.
- Follow the steps for the version of the sample you want:
-
To build the Windows version of the sample:
- Select ListViewSimple.Windows in Solution Explorer.
- Press Ctrl+Shift+B, or use Build > Build Solution, or use Build > Build ListViewSimple.Windows.
-
To build the Windows Phone version of the sample:
- Select ListViewSimple.WindowsPhone in Solution Explorer.
- Press Ctrl+Shift+B or use Build > Build Solution or use Build > Build ListViewSimple.WindowsPhone.
-
Run the sample
The next steps depend on whether you just want to deploy the sample or you want to both deploy and run it.
Deploying the sample
-
To deploy the built Windows version of the sample:
- Select ListViewSimple.Windows in Solution Explorer.
- Use Build > Deploy Solution or Build > Deploy ListViewSimple.Windows.
-
To deploy the built Windows Phone version of the sample:
- Select ListViewSimple.WindowsPhone in Solution Explorer.
- Use Build > Deploy Solution or Build > Deploy ListViewSimple.WindowsPhone.
Deploying and running the sample
-
To deploy and run the Windows version of the sample:
- Right-click ListViewSimple.Windows in Solution Explorer and select Set as StartUp Project.
- To debug the sample and then run it, press F5 or use Debug > Start Debugging. To run the sample without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.
-
To deploy and run the Windows Phone version of the sample:
- Right-click ListViewSimple.WindowsPhone in Solution Explorer and select Set as StartUp Project.
- To debug the sample and then run it, press F5 or use Debug > Start Debugging. To run the sample without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.